// TODO: 后面的下拉框面版都按分享样式来,非统一修改样式，不要修改里面的值！
@import "./variables.scss";

.share_select {
    border-color: #2b2e39 !important;
    color: #d1d1d1;
    background: #2b2e39;
    .el-select-dropdown__list {
        background: #2b2e39;
        color: #d1d1d1;

        .el-select-dropdown__item.hover {
            background: #262933 !important;
            span {
                color: $green;
            }
        }

        // 多选，选中后
        .el-select-dropdown__item {
            &:hover{
                background-color: transparent;
            }
            span {
                display: inline-block;
                max-width: 200px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #d1d1d1;

            }
        }

        .el-select-dropdown__item.selected {
            background: #262933 !important;
            span {
                display: inline-block;
                max-width: 200px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #d1d1d1;

            }
        }

        .el-select-dropdown__item.is-disabled {
            opacity: 0.5;

            &:hover {
                background: #262933 !important;
            }
        }
    }

    .popper__arrow {
        display: none;
    }

    .empty {
        text-align: center;
        padding: 10px;
        background: #2b2e39;
        color: #B2B5C7;

        .add {
            color: $green;

            &:hover {
                cursor: pointer;
            }
        }
    }
}

.sc-dropdown {
    border-color: #2b2e39 !important;

    .el-select-dropdown__list {
        background: #2b2e39;

        .el-select-dropdown__item.hover {
            background: #262933 !important;

            span {
                color: $green;
            }
        }

        // 多选，选中后
        .el-select-dropdown__item {
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .el-select-dropdown__item.selected {
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .el-select-dropdown__item.is-disabled {
            opacity: 0.5;

            &:hover {
                background: #262933 !important;
            }
        }
    }

    .popper__arrow {
        display: none;
    }

    .empty {
        text-align: center;
        padding: 10px;
        background: #2b2e39;
        color: #B2B5C7;

        .add {
            color: $green;

            &:hover {
                cursor: pointer;
            }
        }
    }
}